
body{
 font-family: Arial, Sans-Serif;
}

.purple-line{
  width:100%;
  height:15px;
  background-color: #8347ee;
}

.logo{
  padding-top:30px;
  padding-bottom:30px;
  width:170px;
  float: left;
}

.navbar {
  width: 100%;
  border:0px;
}
.nav {  
  width: 100%;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  list-style-type: none;
  list-style-position: initial;
  list-style-image: initial;
}
.navbar-default{
	background-image:-webkit-linear-gradient(top,#fff 0,#ffffffff 0%);
	background-image:-o-linear-gradient(top,#fff 0,#ffffffff 0%);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ffffffff));
	background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 0%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat:repeat-x;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.0),0 1px 5px rgba(0,0,0,.0);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.0),0 1px 5px rgba(0,0,0,.0)
}

.navbar-default .navbar-nav>.active>a{
	background-image:none;
	background-repeat:none;
	box-shadow:none;
  background-color: none;
  
}

.navbar-default .navbar-nav li {
  text-align: left;
  font-family: Arial, Sans-Serif;
    font-size: 14px;
}

.navbar-default .navbar-nav >.active > a,
.navbar-default .navbar-nav > .active > a:hover ,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color:transparent;
  border-top: 2px solid #8347ee;
}

.navbar-nav > li > a:hover{
  border-top: 1px solid #8347ee;
}

.navbar-nav > li > a {
  color: #555;
  background-color:transparent;
  border-top: 1px solid #000;
  padding-right: 15px;
  padding-top: 10px;
}

.navbar-nav > li{
  margin-right:3.5%;
}

.nav > li > a {
  padding-left:2px;
}

.main-backgorund-images{
    /*background-image: url("../../images/main-img.jpg");
    padding-top: 56.25%;
    width:100%;
    height:100%;*/
  /*background-image: url("../../images/main-img.jpg");
  padding-top: 56.25%;
  background-size: cover;
  -moz-background-size: cover;
  background-position: center;
    
background-size: cover;
background-attachment: scroll;
background-position: center center;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='../../images/main-img.jpg',
sizingMethod='scale')
alpha(opacity = 100); *//*For IE 8 and less */
    
}

.footer{
  clear:both;
  padding-top:20px;
  text-align: right;
  font-family: Arial, Sans-Serif;
}

.navbar-header{
  background-color: #ededed;
}

.lang{
  text-align: right;
  padding-top:15px;
}

.baslik{
  background-color: #8347ee;
  padding-top:10px;
  padding-bottom:10px;
  padding-left: 10px;
  margin-bottom:15px;
  font-size:16px;
  font-weight:bold;
  color: white;

}

.markaThumbsImages{
  width:auto;
  border: 1px solid #c0c0c0;
  padding: 20px;
  margin-bottom: 30px;
  margin: -10px -10px 20px -10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  
   
}

@media (max-width: 767px) {
  .nav > li > a {
    padding-left:15px;
  }
}

@media (min-width: 400px) and (max-width: 767px) {
  .info{
     float: left !important;
     padding-right:20px;
   }
    
  
}

@media (min-width: 768px) and (max-width: 991px) {
 .navbar-nav > li > a {
    color: #555;
    background-color:transparent;
    border-top: 1px solid #000;
    padding-right: 0px;
    padding-top: 10px;
  }
    
 
}

@media (min-width: 992px) and (max-width: 1199px) {
  
}

@media (min-width: 1200px) {
  
}

@media (max-width: 480px){
  .info{
     float: left !important;
   }
}

@media (max-width: 480px) and (orientation: landscape) {
  
}